<template>
  <view class="goods-item">
    <view class="left">
      <image :src="item.goods_big_logo ? item.goods_big_logo : defaultPic" class="left-image" mode="widthFix"></image>
    </view>
    <view class="right">
      <view class="right-name">
        {{ item.goods_name }}
      </view>
      <view class="right-price">
        ￥{{ item.goods_price.toFixed(2) }}
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    name:"MyGoods",
    data() {
      return {
        defaultPic: 'https://img3.doubanio.com/f/movie/8dd0c794499fe925ae2ae89ee30cd225750457b4/pics/movie/celebrity-default-medium.png',
      };
    },
    props: {
      item: {
        type: Object,
        default: {}
      }
    }
  }
</script>

<style lang="scss" scoped>
.goods-item {
    display: flex;
    background-color: white;
    border-bottom: 1px solid lightgray;
    .left {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 300rpx;
      height: 300rpx;
      .left-image {
        
      }
    }
    .right {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 30rpx 0;
      .right-name {
        font-size: 26rpx;
      }
      .right-price {
        color: #c00000;
      }
    }
  }
</style>